<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <th:block th:include="include :: header('checkpass论文列表')" />
    <style>
        /* 卡片通用样式 */
        .info-card {
            padding: 15px 20px;
            border-radius: 8px;
            border: 1px solid #e5e7eb; /* 浅灰色边框 */
            box-shadow: 0 2px 4px rgba(0,0,0,0.05); /* 轻微阴影 */
            margin: 10px 0;
        }

        /* 左侧卡片淡红色高亮 */
        .info-card.left {
            background-color: #ffe5e5; /* 淡红色 */
        }

        /* 右侧卡片默认背景 */
        .info-card.right {
            background-color: #ffffff; /* 白色 */
        }

        /* 列表样式 */
        .note-list {
            color: #666;
            list-style-position: inside;
            padding-left: 0;
            margin: 0;
        }
        .note-list li {
            margin-bottom: 5px;
            line-height: 1.6;
        }
        .note-list li:first-child {
            font-weight: bold;
        }

        /* 表格容器样式 */
        .select-table {
            overflow-x: auto; /* 横向滚动 */
            margin-top: 15px;
        }
        #bootstrap-table {
            width: 100% !important;
            table-layout: fixed;
            min-width: 800px;
        }
        #bootstrap-table th,
        #bootstrap-table td {
            word-wrap: break-word;
            word-break: break-all;
            padding: 12px 8px;
            text-align: center; /* 所有文字居中 */
        }
    </style>
</head>
<body class="gray-bg">
<div class="container-div">
    <div class="row">
        <div class="col-sm-12 search-collapse">
            <div class="row">
                <!-- 左侧建议步骤卡片 -->
                <div class="col-sm-6">
                    <div class="info-card left">
                        <ul class="note-list">
                            <li>建议查重步骤</li>
                            <li>假设你要求的查重率为<span style="color: red;">20%</span>以下</li>
                            <li>先使用本系统查重，把重复率<span style="color: red;">降低到10%</span>左右，然后放到最终做查重的系统（一般都是知网），本系统和其他几大知名的查重系统，重复率相差大约在10%左右，所以只要保证比目标查重率低10%即可。</li>
                            <li>如果重复率还是高于<span style="color: red;">20%</span>，需要再进行微调。</li>
                        </ul>
                    </div>
                </div>

                <!-- 右侧注意事项卡片 -->
                <div class="col-sm-6">
                    <div class="info-card right">
                        <ul class="note-list">
                            <li>注意：</li>
                            <li>仅保留最近<span style="color: red;">9次</span>提交的查重记录</li>
                            <li>检测时间大概在<span style="color: red;">5 - 30分钟</span>（高峰期可能更久，最久不超过<span style="color: red;">1个小时</span>）</li>
                            <li>下载的报告为<span style="color: red;">压缩包</span>，需先用winrar软件<span style="color: red;">解压</span>。网页版报告请用IE9以及以上高版本浏览器，或者是其它浏览器（推荐谷歌、360浏览器）。如果是PDF格式，则需要下载安装PDF阅读器软件。</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <div class="btn-group-sm" id="toolbar" role="group">
            <!-- 添加按钮（左侧） -->
            <a class="btn btn-success" onclick="$.operate.add()" shiro:hasPermission="system:pass:add">
                <i class="fa fa-plus"></i> 添加
            </a>

            <!-- 刷新/重置按钮（移动到添加按钮右侧） -->
            <a class="btn btn-warning" onclick="refresh()" shiro:hasPermission="system:pass:list">
                <i class="fa fa-refresh"></i> 刷新
            </a>

            <!-- 新增的提示文字，注意9次加粗红色 -->
            <span style="margin-left: 10px; color: #666;">
        仅保留最近<span style="color: red; font-weight: bold;">9次</span>提交的查重记录
    </span>
        </div>

        <div class="col-sm-12 select-table table-striped">
            <table id="bootstrap-table"></table>
        </div>
    </div>
</div>
<th:block th:include="include :: footer" />
<script th:inline="javascript">
    var editFlag = [[${@permission.hasPermi('system:pass:edit')}]];
    var removeFlag = [[${@permission.hasPermi('system:pass:remove')}]];
    var prefix = ctx + "system/pass";
    var options = {
        url: prefix + "/list",
        createUrl: prefix + "/add",
        updateUrl: prefix + "/edit/{id}",
        removeUrl: prefix + "/remove",
        exportUrl: prefix + "/export",
        modalName: "checkpass论文",
        columns: [
            {
                field: 'paperStatus',
                title: '状态',
                align: 'center',
                formatter: function(value, row, index) {
                    const statusMap = {
                        'CHECKING': '检测中',
                        'FINISH': '完成检测',
                        'OTHER_ERROR': '检测失败'
                    };
                    return statusMap[value] || '未知状态';
                }
            },
            {
                field: 'createTime',
                title: '查重时间',
                align: 'center'
            },
            {
                field: 'paperTitle',
                title: '标题',
                align: 'center'
            },
            {
                field: 'paperAuthor', // 修正过的字段名
                title: '作者',
                align: 'center'
            },
            {
                field: 'reportPath',
                title: '查重报告下载地址',
                align: 'center',
                formatter: function(value, row, index) {
                    // 新增状态判断：只有当paperStatus为FINISH时显示链接，否则显示"检测中"
                    if (row.paperStatus === 'FINISH') { // 检查原始状态值（非转换后的文本）
                        return '<a href="' + value + '" target="_blank">点击下载查重报告</a>';
                    } else {
                        return '检测中';
                    }
                }
            },
            {
                field: 'originPath',
                title: '原检测文件下载地址',
                align: 'center',
                formatter: function(value, row, index) {
                    // 同样的状态判断逻辑应用于第六列
                    if (row.paperStatus === 'FINISH') {
                        return '<a href="' + value + '" target="_blank">点击下载源文件</a>';
                    } else {
                        return '检测中';
                    }
                }
            },
            {
                field: 'copyPercent',
                title: '重复率',
                align: 'center'
            }
        ]
    };
    $(function() {
        $.table.init(options);
    });

    function refresh(){
        $.table.refreshOptions(options);
    }
</script>
</body>
</html>